﻿@media screen and (max-width: 769px) {
    .inner {width: 100%;}

    .topnav {display: none;}
    .header {height: 225px;}
    .header02 {width: 100%;height: auto;line-height: inherit;}
    .headerCon {width: 100%;height: 160px;background: url(phoneBanner.png) no-repeat center;margin-top: 0px;background-size: cover;}
    .headerCon li {width: 100%;height: 160px;line-height: 160px;}
    .headerCon li a, .headerCon li img {width: 100%;height: 160px;}
    .nav {width: 100%; background-color: #1492ff;}
    .nav li {width: 33.3%;height: 75px;line-height: 75px; font-size: 16px;text-align: center; padding: 0px;}
    .nav li:first-child, .nav li:nth-child(2), .nav li:nth-child(3) {border-bottom: none;}
    .nav li::after {content: "|"; width: 0px;height: 20px;font-weight: normal; color: #ffffff; background-color: #ffffff;float: right;}
    .nav li a { font-weight: normal;    font-size: 32px; color: #ffffff;}
    .banner {height: 140px; background:none;padding: 30px 0px;}
    .banner form {padding-top: 0px;padding-left: 0px; width: 92%; margin: 0px auto;}
    .banner input[type='text'] {width: 88%;height: 80px;line-height: 80px;font-size: 34px; background-color: #e7e7e7;border-radius: 6px 0px 0px 6px;}
    .banner input[type='submit'] {width: 12%;height: 80px;background: #e19736 url(phoneSearch.png) no-repeat center;background-size: contain;border-radius: 6px;}

    .section {padding: 0px 4%;}
    .sec01L {width: 100%;}
    .lunbo {width: 100%;}
	.bd img {width: 100%!important;}
    .sec01R, .sec02L, .sec02R {width: 100%;}
    .sec01R { padding-top: 20px;margin: 25px 0px;}
    .sec02L, .sec02R {height: auto;margin: 15px 0px}
    .tabTitle li {margin-right: 25px;}
    .tabList {padding-bottom: 40px; border-bottom: 2px solid #dddddd; }
    .tabList li {border-bottom: 1px solid #e7e7e7;}
    .tabList li a {max-width: 85%;white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: inline-block;}
    .more {font-size: 16px; top: unset;right: 50%;bottom: 4px;  margin-right: -25px;}
    .section03 {width: 100%;height: auto;}
    .sec03List {height: auto;}
    .sec03List a {width: 47%;margin-bottom: 20px;padding: 20px 20px 0 20px;}
    .sec03List a:nth-child(odd) {margin-left: 0px;}
    
    .section04 ul {margin-top: 0px;}
    .section04 ul.first li {margin-bottom: 10px;}
    .section04 ul li {width: 47%;background-size: contain;font-size: inherit;margin-bottom: 10px;}
    .section04 ul li:nth-child(odd) {margin-left: 0px;}
    .section04 ul li span {max-width: 50%;white-space: nowrap; text-overflow: ellipsis; overflow: hidden; float: left; color: #333; }
    .section04 ul li .sb {line-height: 100px;padding-top: 0px;}
    .section04 ul li i {float: left;margin-left: 60px;    background-size: 70%;}

    .section05 {width: 100%;margin-bottom: 20px;}
    .pic_tx .pic_tx_box {width: 80%!important;}

    .section06, .mainItem7, .footer01, .footer02, .msg01, .msg02, .footer04 {display: none;}
    .footer03 div:nth-child(3) {display: none;}
    .footer03 div:nth-child(4) > span:nth-child(2) {display: none;}
    .footer {height: 55px;}
    .footer_box, .footer03 {width: 100%;height: 55px;}
    .footer03 {padding-top: 0px;margin: 0px;}
    .section04 ul li:hover{    margin-top: 0px !important; }
    .nav li:hover{height: auto !important;border-bottom:none;}
    .sec01R{height: auto !important;}
    .section02{    margin-top: 10px;}

    #fly1, #lovexin121, #fly7, #fly04, #fly5, #fly6 {display: none!important;}
}
@media screen and (max-width: 749px) {
    .headerCon {height: 80px;}
    .headerCon li {height: 80px;line-height: 80px;}
    .headerCon li a, .headerCon li img {width: 100%;height: 80px;}
    .nav li {width: 33.3%;height: 36px;line-height: 36px; font-size: 16px;text-align: center; padding: 0px;}
    .nav li::after {content: "|"; width: 0px;height: 20px;font-weight: normal; color: #ffffff; background-color: #ffffff;float: right;}
    .nav li a {font-size: 16px; }
    .banner {height: 70px; padding: 15px 0;}
    .banner form {padding-top: 0px;padding-left: 0px; width: 92%; margin: 0px auto;}
    .banner input[type='text'] {height: 40px;line-height: 40px; font-size: 15px; }
    .banner input[type='submit'] {height: 40px;}

    .section {margin-top: 0px;}
    .lunbo .bd li .text {max-width: 100%;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
    .sec01R {padding-top: 20px;}
    .tabTitle li {margin-right: 12px;}
    .tabList {padding-bottom: 30px; border-bottom: 2px solid #dddddd; }
    .tabList li {border-bottom: 1px solid #e7e7e7;}
    .tabList li a {max-width: 70%;}
    .more {font-size: 16px; top: unset;right: 50%;bottom: 4px;  margin-right: -25px;}
    .section03 {width: 100%;height: auto;}
    .sec03List {height: auto;}
    .sec03List a {width: 47%;margin-bottom: 20px;padding: 20px 0 0 0px;}
    .sec03List a:nth-child(odd) {margin-left: 0px;}
    
    .section04 ul {margin-top: 0px;}
    .section04 ul li {width: 47%;background-size: contain;font-size: inherit;margin-bottom: 0px;}
    .section04 ul li:nth-child(odd) {margin-left: 0px;}
    .section04 ul li span {max-width: 60%;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;color: #333; }
    .section04 ul li i {margin-left: 0px;}

    .section05 {width: 100%;margin-bottom: 20px;}
    .section04 ul li:hover{    margin-top: 0px !important; }
}

@media screen and (max-width:360px) {
    .sec03List a {width: 45%;padding: 0px;}
    .section04 ul li {width: 46%;}
    .section04 ul li i {background-size: 50%;}
    .section04 ul li:hover{    margin-top: 0px !important; }
    .tabTitle li{font-size: 18px;}
    .tabList li a{font-size: 13px;}
    .tabList li span{font-size: 12px;}
    .xxgkSort{font-size: 15px;text-align: center;padding-top: 15px;}
    .section04 ul li{float: none;width: 100%;margin-left: 0px;}
    .section04 ul li i{    margin-left: 13%;}
    .nav li a{font-size: 14px !important;}

}
